<template>
  <div>
    <table class="table1">
      <tr v-for="(item, index) in tableData" :key="index">
        <td width="200">{{item.t1}}</td>
        <td>{{item.t2}}</td>
        <td width="100">{{item.t3}}</td>
      </tr>
    </table>
  </div>
</template>

<script>
  export default {
    name: 'page1-tab1',
    data () {
      return {
        tableData: [
          { t1: '读写分离集群实现', t2: '读写分离集群实现', t3: '通过' },
          { t1: '扩容/缩容', t2: '负载场景下，添加/减少物理设备，保持前端应用不间断', t3: '通过' },
          { t1: '共享存储集群', t2: '支持2节点共享存储集群，支持故障自动切换，支持并发事务的负载均衡（不用指定特定节点IP，由一个统一入口）\n' +
              '注：1、测试时从客户端分别连接两台计算节点，分别通过两个进程进行连接，分别插入数据，并提交，两个节点查询，都能够查到即可；2、用loadrunner压测，删掉一个节点可以正常运行，然后可以热连接回数据库', t3: '通过' }
        ]
      }
    }
  }
</script>

<style scoped lang="scss">
.table1{
  width: 100%;
  border-collapse: collapse;
  line-height: 30px;
  th,td{
    font-size: 16px;
    font-weight: normal;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255,.2);
    white-space: pre-wrap;
  }
}
</style>
